<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<style>
	.container{
		min-width: 400px;
	}
</style>
<!DOCTYPE HTML>
<html lang="en">
	<head>
		<meta content="IE=11.0000" http-equiv="X-UA-Compatible">
		<meta charset="utf-8">     
		<meta http-equiv="X-UA-Compatible" content="IE=edge">     
		<meta name="viewport" content="width=device-width, initial-scale=1">
		
		<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
		<script src="/BookProject/js/bootstrap.min.js"></script>
		<script src="/BookProject/js/offcanvas.js"></script>
		
		<link href="/BookProject/css/bootstrap.min.css" rel="stylesheet">
		
		<link href="/BookProject/css/offcanvas.css" rel="stylesheet">
		
		<link href="/BookProject/css/navbar.css" rel="stylesheet">

		<link href="/BookProject/css/stylish-portfolio.css" rel="stylesheet">
    
   		<link href="/BookProject/css/font-awesome/css/font-awesome.min.css" rel="stylesheet">
		<title>안북</title>
	</head>
	<body>
		<div>
			<jsp:include page="/aMainLayout/sidebar.jsp"/>
		</div>
		<div class="container">
			<div class="row row-offcanvas row-offcanvas-right">
        		<div class="col-xs-12 col-sm-9">  
					<div class="header" style="height: 10px">
						<jsp:include page="/aMainLayout/header.jsp"/>
					</div>
					<p class="pull-right visible-xs">
           				<button type="button" class="btn btn-primary btn-xs" data-toggle="offcanvas">친구 목록</button>
          			</p>
					<div class="jumbotron">
						<jsp:include page="/myPage/myPage.jsp"/>
					</div>
					<div class="footer">
						<jsp:include page="/aMainLayout/footer.jsp"/>
					</div>
				</div>
				<div style="margin-right: 0px;">
					<jsp:include page="/aMainLayout/friendList.jsp"/>
				</div>
			</div>
		</div>
		<script>
		    $("#menu-close").click(function(e) {
		        e.preventDefault();
		        $("#sidebar-wrapper").toggleClass("active");
		    });
		    </script>
		    <script>
		    $("#menu-toggle").click(function(e) {
		        e.preventDefault();
		        $("#sidebar-wrapper").toggleClass("active");
		    });
		    </script>
		    <script>
		    $(function() {
		        $('a[href*=#]:not([href=#])').click(function() {
		            if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') || location.hostname == this.hostname) {
		
		                var target = $(this.hash);
		                target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
		                if (target.length) {
		                    $('html,body').animate({
		                        scrollTop: target.offset().top
		                    }, 1000);
		                    return false;
		                }
		            }
		        });
		    });
		</script>
	</body>
</html>
